// 小导航栏
.month {
    background-color: #ccdb38;
    padding-top: 4%;

    .container {
        .diam {
            display: flex;
            justify-content: space-between;
            // align-items: center;

            .left {

                width: 70%;
                // background-color: #ccc;
                display: flex;
                justify-content: space-between;

                padding-right: 1rem;
                padding-bottom: 2rem;

                .num {
                    width: 20%;
                    color: #fff;

                    .num1 {
                        font-size: 4.2rem;
                    }
                }

                .sit {
                    color: #fff;
                    padding-left: 2rem;

                    .title {
                        font-size: 3rem;
                    }

                    .magna {
                        font-size: 1rem;
                        width: 60%;
                        padding-top: 1%;
                    }
                }
            }

            .play {
                width: 30%;
                // background-color: red;
                align-self: flex-end;
                // text-align: right;

                img {
                    width: 60%;
                    vertical-align: bottom;
                }
            }
        }
    }

    @media screen and (max-width:650px) {
        .container {
            .diam {

                // display: none;
                .left {
                    width: 100%;
                    flex-wrap: wrap;

                    .num {
                        width: 100%;

                        .num1 {
                            font-size: 2.2rem;
                        }
                    }

                    .sit {
                        width: 100%;
                        padding: 0;
                        text-align: center;
                    }
                }

                .play {
                    display: none;
                }
            }
        }
    }

    @media screen and (max-width:765px) {
        .container {
            .diam {
                .play {
                    text-align: right;
                }
            }
        }
    }

    @media screen and (max-width:992px) {
        .container {
            .diam {
                .left {
                    .num {
                        .num1 {
                            font-size: 3.2rem;
                        }
                    }

                    .sit {
                        .magna {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
}

// 内容部分
.center {
    background-color: #c3d22f;

    .container {
        .nav2 {
            background-color: #c3d22f;

            a {
                padding: 2% 0;
                padding-right: 1.5%;
                font-size: 1rem;
                text-decoration: none;
                text-align: center;
                color: #f7ffa4;
                // background-color:red;
                border-bottom: 2px solid transparent;

                &:hover {
                    border-bottom: 2px solid #fff;
                    color: #fff;
                }
            }

        }
    }

    @media screen and(max-width:521px) {
        .container {
            .nav2 {
                padding-bottom: 1rem;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;

                a {
                    width: 50%;
                }
            }
        }
    }

    @media screen and(max-width:521px) {
        .container {
            .nav2 {
                a {
                    text-align: center;
                    width: 100%;
                }
            }
        }
    }


}

.freatures {
    padding-top: 4%;

    .container {
        .info {
            display: flex;
            justify-content: center;

            .left {
                width: 40%;
                align-self: flex-end;

                img {
                    vertical-align: bottom;
                    width: 70%;
                }
            }

            .from {
                width: 60%;
                padding-bottom: 3%;

                .title {
                    .top {
                        font-size: 2.5rem;
                        color: #31364c;
                        padding-bottom: 2.5%;
                    }

                    .txt,
                    .last {
                        line-height: 1.8rem;
                        font-size: 1.2rem;
                        color: #9699a6;
                        overflow: hidden;
                        display: -webkit-box;
                        -webkit-line-clamp: 9;
                        -webkit-box-orient: vertical;
                        text-overflow: ellipsis;
                    }

                    .last {
                        padding-top: 2%;
                    }

                    .btns {

                        padding-top: 4%;

                        button {
                            border-radius: 20rem;
                            font-size: 1.2rem;
                            color: #fff;
                            border: 0;
                            padding: 1.5rem 2rem;
                            background-color: #252525;
                            transition: all .4s;

                            &:hover {
                                transform: translateY(-.5rem);
                                box-shadow: .1rem .2rem .5rem #31364c;
                            }

                            span {
                                padding-left: .5rem;
                            }
                        }
                    }
                }
            }
        }

    }

    // 992
    @media screen and(max-width:992px) {
        .container {
            .info {
                .left {
                    img {
                        width: 94%;
                    }
                }
            }
        }
    }

    // 676
    @media screen and(max-width:676px) {
        .container {
            .info {
                .left {
                    display: none;
                }

                .from {
                    width: 100%;
                }
            }
        }
    }

    // 312
    @media screen and(max-width:312px) {
        .container {
            .info {
                .left {
                    display: none;
                }

                .from {
                    .title {
                        .top {
                            font-size: 2rem;
                        }
                    }
                }
            }
        }
    }
}

// Invest Your Money
.invest2 {
    width: 100%;
    background: linear-gradient(to right, #8bc34a 50%, #009688 50%);

    .container {
        .choose {
            display: flex;
            justify-content: space-between;
            color: #fff;
            text-align: center;

            .box,
            .money,
            .plan {
                text-align: center;
                width: 33%;
                // background-color: red;
                padding: 2% 0;
                flex-shrink: 0;

                img {
                    width: 15%;

                }

                p {
                    font-size: 1.5rem;
                }
            }

            .money {
                background-color: #4caf50;
            }
        }
    }

    @media screen and (max-width:596px) {
        .container {
            .choose {
                .plan {
                    p {
                        font-size: 1rem;
                        overflow: hidden;
                        display: -webkit-box;
                        text-overflow: ellipsis;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                    }
                }

                .money {
                    p {
                        font-size: 1rem;
                    }
                }

                .box {
                    p {
                        font-size: 1rem;
                    }
                }
            }
        }

    }
}


// 工具栏
.toot {
    background-color: #fafafa;

    .container {
        .broker {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;

            .item {
                width: 30%;
                padding-top: 5%;
                display: flex;
                justify-content: space-between;

                .copy {
                    flex-shrink: 0;

                    img {
                        width: 70%;

                    }
                }

                .title {
                    padding-left: 2rem;


                    .tle {
                        color: #31364c;
                        font-size: 1.3rem;
                    }

                    .tall {
                        width: 90%;
                        padding-top: 3%;
                        color: #9699a6;
                        font-size: .9rem;
                    }
                }
            }
        }
    }

    @media screen and(max-width:1044px) {
        .container {
            .broker {
                .item {
                    width: 45%;
                }
            }
        }
    }

    @media screen and(max-width:610px) {
        .container {
            .broker {
                .item {
                    width: 100%;
                }
            }
        }
    }

}

// boss部分
.boss {
    padding-top: 5%;
    margin-bottom: 2rem;

    .container {
        .bonus {

            display: flex;
            justify-content: space-between;

            .left {
                width: 30%;
                align-self: flex-end;

                img {
                    width: 20vw;
                }
            }

            .right {
                width: 60%;

                .title {
                    font-size: 2.5rem;
                    color: #31364c;
                }

                .nam {
                    width: 70%;
                    padding-top: 1.8rem;
                    font-size: .875rem;
                    color: #9699a6;
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 4;
                }

                .lis {
                    div {
                        color: #9699a6;
                        padding-top: 2rem;
                        transition: all .4s;

                        span {
                            color: #ccdb38;
                            padding-right: 1rem;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width:992px) {
        .container {
            .bonus {
                flex-wrap: wrap;

                .left {
                    display: none;
                }

                .right {
                    width: 100%;

                    .nam {
                        width: 100%;
                    }
                }
            }
        }
    }
}

// 系统部分
.systems {
    background-color: #fafafa;
}

// 小鸟部分
.birdie {

    background-color: #00bff3;

    .container {
        .content {
            padding: 3% 0;
            display: flex;
            justify-content: flex-start;
            align-items: center;

            .left {
                padding-left: 2rem;

                .txt {
                    color: #fff;
                    font-size: 1rem;
                }

                .ago {
                    color: #5bdcff;
                    font-size: .9rem;
                }
            }
        }
    }
}